
<!DOCTYPE html>
<!--suppress ALL -->
<html lang="zh-cn">
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <title >工资条管理</title>

    <link rel="stylesheet" type="text/css" href="/src/css/themes/default.css"/>
    <!-- iview样式 -->
    <link rel="stylesheet" type="text/css" href="/plugins/iview/css/iview.css"/>
    <!--@import url("//unpkg.com/iview/dist/styles/iview.css");-->
    <!--<link rel="stylesheet" type="text/css" href="//unpkg.com/iview/dist/styles/iview.css"/>-->
    <!-- 引入layui样式 -->
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all"/>
  	<link rel="stylesheet" href="/plugins/popover/popover.css">
    <!--   <script src="//unpkg.com/vue/dist/vue.js"></script>
       <script src="//unpkg.com/iview/dist/iview.min.js"></script>-->
    <!-- 引入vue -->
    <script type="text/javascript" src="/plugins/vue/vue.min.js"></script>
    <!-- iview js -->
    <script type="text/javascript" src="/plugins/iview/js/iview.js"></script>
        <script src="/properties/config.js"></script>
    <!--引入layui.js-->
    <script src="/plugins/layui/layui.js"></script>
    <!--引入axios.js 用于ajax调用-->
    <script src="/plugins/axios/axios.min.js"></script>
    <script type="text/javascript" src="/plugins/jquery-1.9.1.min.js"></script>
     <script src="/build/js/appToken.js"></script>
    <script src="/plugins/popover/popover.js"></script>
</head>
<body>
<!--隐藏元素-->
<!--<p id="staffType"  th:attr="value=${staffType}"  hidden />-->
<!--使用v-cloak技术，在vue渲染完毕前隐藏页面，渲染完成后显示-->
<div id="app" v-cloak>


    <Modal
            v-model="editSalary"
            title="编辑"
            @on-ok=""
            @on-cancel=""
            width="1200">
        <div class="layui-row layui-col-space20">
            <row>
                <i-form ref="searchForm"  :model="searchForm"   label-position="right" :label-width="200">
                    <row>
                        <i-col span="12">col-12</i-col>
                        <i-col span="12">col-12</i-col>
                    </row>
                    <row>
                        <i-col span="12">col-12</i-col>
                        <i-col span="12">col-12</i-col>
                    </row>
                    <row>
                        <i-col span="12">col-12</i-col>
                        <i-col span="12">col-12</i-col>
                    </row>
                    <row>
                        <i-col span="12">col-12</i-col>
                        <i-col span="12">col-12</i-col>
                    </row>
                </i-form>
            </row>
        </div>

    </Modal>



    <!-- 搜索工具框 开始-->
    <row style="padding: 10px">
        <i-col span="24">
            <Card>
                <p slot="title">
                    <Icon type="ios-search"></Icon>
                    搜索条件
                </p>
                <!--右上侧按钮列表-->
                <i-button v-if="authValid('search')" slot="extra" type="info" :loading="loading" icon="ios-search" @click="toLoading" style="margin-right:10px">
                    <span v-if="!loading">查询</span>
                    <span v-else>查询中...</span>
                </i-button>
                <i-button v-if="authValid('reset')" slot="extra"  @click="handleReset('searchForm')" style="margin-right:10px">
                    <span>重置</span>
                </i-button>
                <i-button v-if="authValid('export')" slot="extra" type="info" :loading="exporting" @click="clickExport" style="margin-right:10px">
                    <span v-if="!exporting">导出</span>
                    <span v-else>导出中...</span>

                </i-button>
                <i-button  slot="extra"  @click="uploanSalaryTable" style="margin-right:10px">
                    <span>上传工资表</span>
                </i-button>
                <i-button  slot="extra"  @click="alaryPreview" style="margin-right:10px">
                    <span>工资条预览</span>
                </i-button>
                <i-button  slot="extra"  @click="sendAll" style="margin-right:10px">
                    <span>全部发送</span>
                </i-button>
                <i-button  slot="extra"  @click="withdrawAll" style="margin-right:10px">
                    <span>全部撤回</span>
                </i-button>
                <!--查询表单内容-->
                <row :gutter="16">
                    <i-form ref="searchForm"  :model="searchForm"   label-position="right" :label-width="100">
                        <i-col span="6">
                            <form-item label="发薪时间：" >
                                <i-col span="12" >
                                    <date-picker v-model="searchForm.paydayTimeYear" type="year" placeholder="Select year" style="width: 176px"></date-picker>
                                </i-col>
                                <i-col span="12" >
                                    <i-select v-model="searchForm.paydayTimeMonth" filterable>
                                        <i-option value="1">一月</i-option>
                                        <i-option value="2">二月</i-option>
                                        <i-option value="3">三月</i-option>
                                        <i-option value="4">四月</i-option>
                                        <i-option value="5">五月</i-option>
                                        <i-option value="6">六月</i-option>
                                        <i-option value="7">七月</i-option>
                                        <i-option value="8">八月</i-option>
                                        <i-option value="9">九月</i-option>
                                        <i-option value="10">十月</i-option>
                                        <i-option value="11">十一月</i-option>
                                        <i-option value="12">十二月</i-option>
                                    </i-select>
                                </i-col>
                            </form-item>

                        </i-col>
                        <i-col span="6">
                            <form-item label="工资表名："  prop="salaryTableName">
                                <i-select v-model="searchForm.salaryTableName" filterable>
                                    <i-option v-for="item in salaryTableNameList" :value="item.id" :key="item.name">{{item.name}}</i-option>
                                </i-select>
                            </form-item>
                        </i-col>
                        <i-col span="6">
                            <form-item label="发送状态："  prop="sendStaus">
                                <i-select v-model="searchForm.sendStaus" filterable>
                                    <i-option value="1">未发送</i-option>
                                    <i-option value="2">已发送</i-option>
                                    <i-option value="4">已撤回</i-option>
                                    <i-option value="3">发送失败</i-option>
                                </i-select>
                            </form-item>
                        </i-col>
                        <i-col span="6">
                            <form-item label="确认状态："  prop="confirmStatus">
                                <i-select v-model="searchForm.confirmStatus" filterable>
                                    <i-option value="1">未发送</i-option>
                                    <i-option value="2">已发送</i-option>
                                    <i-option value="4">已撤回</i-option>
                                    <i-option value="3">发送失败</i-option>
                                </i-select>
                            </form-item>
                        </i-col>
                        <i-col span="6">
                            <form-item label="关键字：" prop="keyworld">
                                <i-input v-model="searchForm.keyworld" placeholder="姓名/工号" ></i-input>
                            </form-item>
                        </i-col>
                    </i-form>
                </row>
            </Card>
        </i-col>
    </row>
    <!-- 搜索工具框 结束-->
    <!-- 表单Grid，使用layerUI的表格组件 开始 -->
    <row style="padding: 10px">
        <i-col span="24">
            <!-- 使用方法渲染模式 -->
            <table id="listTable" lay-filter="listTable" class="layui-hide"> </table>
            <script type="text/html" id="timeListBarTools">
                <a class="layui-btn layui-btn-normal layui-btn-xs " lay-event="edit" ht-auth="edit">编辑</a>
                <a class="layui-btn layui-btn-normal layui-btn-xs " lay-event="resend" ht-auth="resend">重发</a>
                <a class="layui-btn layui-btn-normal layui-btn-xs " lay-event="withdraw" ht-auth="withdraw">撤回</a>
                <a class="layui-btn layui-btn-normal layui-btn-xs " lay-event="delete" ht-auth="delete">删除</a>
            </script>

        </i-col>
    </row>
    <!-- 表单Grid，使用layerUI的表格组件 结束 -->
        <!--导出Excel隐藏表单-->
    <iframe id="frame" name="iframe" style="display:none;"></iframe>
    <!--导出Excel隐藏表单-->
</div>
<script src="/src/js/comm.js" ></script>
<script src="/src/js/assets/car/carList.js" ></script>

</body>
</html>